/* 在两个加载页数外面套一个大盒子 */
.biggest-box{
    width: 200vw;
    height: 100vh;
}

/*-------------- 加载页面1的样式------------- */
/* 页面1的界面盒子 */
.window-box {
	/* font-size: 2vh; */
	width: 100vw;
	height: 100vh;
	float: left;
	position: relative;
}

.top {
	width: 100%;
	height: 30vh;
	position: relative;
}

.top-box {
	width: 18vw;
	height: 25vh;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);

}

.top-box span {
	/* 设置文字纵向排列 */
	writing-mode: vertical-rl;
	/* 设置文字之间的间距 */
	letter-spacing: 2vh;
	position: absolute;
}

.top-box-img {
	width: 18vw;
	height: 25vh;
	position: relative;

}

.top-box-img img {
	width: 4vh;
	height: 4vh;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 3vh;
}

.top-box span:nth-child(1) {
	top: 2vh;
	right: 2vw;
}

.top-box span:nth-child(2) {
	bottom: 2vh;
	left: 2vw;
}

.image-box {
	height: 30vh;
	position: relative;
}

.image-box .image {
	position: absolute;
	width: 60vw;
	height: auto;
	left: 50%;
	transform: translateX(-50%);
}


.logo-box {
	padding-top: 10vh;
	height: 25vh;
	position: relative;
}

.logo-content {
	width: 60vw;
	height: 8vh;
	background-color: #fff;
	position: absolute;
	left: 60%;
	top: 50%;
	transform: translate(-55%, -50%);
	display: flex;
}

.logo {
	width: 8vh;
	height: 8vh;
}

.logo img {
	width: 100%;
	height: 100%;
}

.text-box {
	position: relative;
	width: 55%;
	height: auto;
}

.text-box span {
	display: block;
	width: 50vw;
	position: absolute;
	left: 3vw;
}


.text-box img {
	width: 4vh;
	height: 4vh;
	position: absolute;
	right: 0;
}

.text-box span:nth-child(1) {
	font-size: 5vw;
}

.text-box span:nth-child(2) {
	font-size: 3.2vw;
	bottom: 0vw;
	padding-top: 5vh;
}

.button_div_huadong_box {
	width: 13vw;
	height: 4vh;
	margin: auto;
	position: absolute;
	left: 45vw;
	bottom: -4vh;
	display: flex;	
}

.button_div_huadong_01 {
	width: 5vw;
	height: 1vh;
	background-color: #554D84;
	border-radius: 25vh;
}

.button_div_huadong_02 {
	width: 1.2vh;
	height: 1.2vh;
	background-color: #E5E5EA;
	border-radius: 25vh;
	margin-left: 1vw;
}


/*------------------- 加载页面2的样式 ------------------*/
/* 页面2的界面盒子 */
.box01{
    width: 93vw;
    height: 30vh;
    margin-top: 2vh;
    box-sizing: border-box; 
/* 	border: black solid 2vw; */
}

.shool{
    width: 30%;
    height: 25vh;
    left: 38vw;
    top: 5vh;
    position: absolute;
    background-image:url("/images/loadPage2/shool.png"); 
    background-size: cover;/* 使图片填充整个div并保持纵横比*/
    background-position: center; /* 保证图片居中 */
    background-repeat: no-repeat;/* 不重复显示图片 */
    /* border: black solid 2vw; */
}

.cat2{
    width: 70%;
    height: 30vh;
    left: 17vw;
    position: absolute;
    background-image:url("/images/loadPage2/cat2.png");
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}

.flower{
    width: 17vh;
    height: 17vh;
    left: 29vw;
    position: relative;
    background-image:url("/images/loadPage2/flower.png");
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
/* 	border: black solid 2vw; */
}
input{
    width: 30vh;
    height: 5vh;
    font-size: 2vh;
    background-color:black;
    color: #fff;
    margin-top: 9vh;
    margin-left: -6vh;
    border-radius: 2vw;
    border: black solid 2vw;
    
}